<!DOCTYPE html>
<html lang="zh-cn">
  <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>猫老祖</title>
  </head>
  <body style="background: #e0e2e4 fixed no-repeat; text-align: center">
    <div style="width: 680px; margin: 0px auto">
      <h1>源码精灵图鉴</h1>
      <hr />
    </div>

    <div
      style="
        background: url(./img/bg.png)
          no-repeat 0 -258px;
        width: 580px;
        height: 350px;
        margin: 0px auto;
        position: relative;
      "
    >
      <div style="padding-top: 40px">
        <img src="img\002猫老祖.png" title="你好，我是猫老祖" width=200 ">
      </div>

      <div style="position: absolute; top: 41px;right:84px;width: 48px;">
        <div
          style="
            background: url(./img/bg.png')
              no-repeat 8px -200px;
            width: 48px;
            height: 48px;
            margin-bottom: 23px;
          "
        >
          <span style="position: absolute; width: 100%; top: 50px;left:0px; color: #fefefe;font-size:0.8em;">六星</span>
        </div>
        <div
          style="
            background: url(./img/bg.png)
              no-repeat -676px -192px;
            width: 48px;
            height: 48px;
            margin-bottom: 23px;
          "
        >
          <span style="position: absolute; width: 100%; top: 122px;left:0px; color: #fefefe;font-size:0.8em;">神圣</span>
        </div>
      </div>
      

      <div>
        <a
          href="https://shequ.codemao.cn/wiki/book/sprite/29"
          target="_blank"
          style="margin-left: -160px; color: #ade0fd; font-size: 1.1em"
          >NO.002</a
        >
        <h3 style="margin-top: -25px; margin-left: 70px; color: #fefefe">
          猫老祖
        </h3>
      </div>
    </div>

    <div
      style="
        background: url(./img/bg.png)
          no-repeat -589px 0;
        width: 580px;
        height: 198px;
        margin: 20px auto;
      "
    >
      <div style="text-align: left; padding: 28px 140px 6px; color: #fefefe">
        <span>10</span>
        <span style="padding-left: 160px">20</span>
      </div>
      <div style="text-align: left; padding: 28px 140px 6px; color: #fefefe">
        <span>30</span>
        <span style="padding-left: 160px">40</span>
      </div>
      <div style="text-align: left; padding: 28px 140px 6px; color: #fefefe">
        <span>50</span>
        <span style="padding-left: 160px">60</span>
      </div>
    </div>

    <div
      align="center"
      style="
        background: url(./img/bg.png)
          no-repeat -587px -298px;
        width: 580px;
        height: 340px;
        margin: 10px auto;
      "
    >
      <p style="padding: 60px 40px; text-align: left">
        猫老祖不只有一位，各地的猫老祖皆有亲戚关系，而且长相都很相似。他们十分博学。
      </p>

      <p style="padding: 50px 40px; text-align: left">技能不详。</p>
    </div>
  </body>
</html>
